<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // BOM  浏览器对象  window对象

        //   关于全局变量和函数的问题  --- 全局变量和函数属于window对象的自定义属性和方法

        //   window对象的属性
        //     navigator  浏览器的相关信息
        //        appVersion /  userAgent  字符串
        //     history   go(n)
        //     location
        //        assign()  replace()
        //        reload()
        //        href = ''
        //     open() 在新窗口打开(拦截)   close()
        //   事件
        //     onload()
        //     onfocus()
        //     onblur()

        //     onresize()
        //     onscroll()


        // html.style.fontSize = 'calc(100vw / 7.5)';

        var t;
        // window.onresize = function () {
        //     clearTimeout(t);
        //     t = setTimeout(function () {
        //         document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';

        //     }, 300)
        // }

        // add 加   event 事件   
        // 添加事件监听
        window.addEventListener('resize', function () {
            clearTimeout(t);
            t = setTimeout(function () {
                document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';

            }, 300)
        })

    </script>

</body>

</html>